<template>		
    <view class="box">
        <!-- 引入 nav-bar 组件，并传递页面标题 -->
		<back-bar :backTitle="backTitle"></back-bar> <!-- 使用 backTitle 传递标题 -->
		
		<view class="list"   v-for="(item, index) in items" :key="index">
			<view>
				<view class="p1">{{item.name}}</view>
				<view class="p2">{{item.value}}</view>
			</view>
			<view @tap="goAdd"><image src="/static/images/edit.png" mode="" /></view>
		</view>
		<!-- <view class="list">
			<view>
				<view class="p1">上海拓好信息技术有限公司</view>
				<view class="p2">91310115MA1H9B4X9K</view>
			</view>
			<view><image src="/static/images/edit.png" mode="" /></view>
		</view> -->
	</view>
</template>

<script>
const app = getApp();
const $http = app.globalData.$http;
var config = require('../../utils/config.js');
export default {
    data() {
        return {
			// 设置页面标题
			backTitle: '开票信息设置',
            picUrl: config.Config,
            array: ['全部订单', '水费', '电费', '物业费', '租金', '停车充值', '罚款'],
            index: 0,
			items: [{
					name: '上海拓好信息技术有限公司',
					value: '91310115MA1H9B4X9K',
				},
				{
					name: '拓财云(上海)技术有限公司',
					value: '91310115MA1H9B4X8K',
				}				
		
			],
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad(options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {},
    methods: {
        goAdd: function () {
            if (uni.getStorageSync('token') == '') {
                uni.showToast({
                    title: '您还未登录，请先登录',
                    icon: 'none'
                });
                setTimeout(function () {
                    uni.navigateTo({
                        url: '/pages/login/index'
                    });
                }, 1200);
            } else {
                uni.reLaunch({
                    url: '/pages/fapiao-add/index'
                });
            }
        }
    }
};
</script>
<style>
    /* 引入HarmonyOS Sans字体 */
    @font-face {
        font-family: 'HarmonyOS Sans';
        src: url('/static/fonts/HarmonyOS_Sans_Bold.ttf') format('truetype'); /* 请根据实际字体文件路径和格式修改 */
        font-weight: 500;
        font-style: normal;
    }

.box {
        width: 700rpx;
        margin: 0 auto;
        padding-top: 200rpx; /* 进一步增大顶部内边距，给.top 留出更多空间 */
    }

.list {
    box-sizing: border-box;
    border: 1px solid rgba(196, 196, 196, 0.51);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
    padding: 20rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20rpx;
}

.list image {
    width: 36rpx;
    height: 36rpx;
}

.list .p1 {
    color: rgb(0, 0, 0);
    font-size: 28rpx;
    font-weight: 400;
}

.list .p2 {
    color: rgb(72, 71, 71);
    font-size: 24rpx;
    margin-top: 10rpx;
    font-weight: 290;
}
</style>
